<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
  <body>
       <!--
             <center>:将标题的内在浏览器中居中显示（已不再建议使用）
             <h1-h6>:1-6级标题，标题独占一行
             <input>:输入组件，用来获取用户在浏览器上输入的内容
                    输入组件有多种样式，使用type属性指定，常见的有:
                    type="text"             文本框
                    type="password"         密码框
                    type="checkbox"         多选框
                    type="radio"            单选框
                    type="button"           按钮
                    type="submit"           提交按钮
            <a>:超链接，标签中间的文本就是超链接上提示的文字，href属性用于指定点击超链接后
                跳转的路径。
            <br>:换行
            <table>:表格。属性border用于指定边框。
                    <table>标签中包含<tr>标签用于表示行
                    <tr>标签中包含<td>标签用于表示列
                    <td>标签中常见属性:
                    align:对其方式。left左对齐,right右对齐,center剧中对其
                    colspan:跨列合并列，合并是从左向右合并列
                    rowspan:跨行合并列，合并是从上向下合并列

             -->
       <center>
           <h1>百度</h1>
           <input type="text" size="32">
           <input type="button" value="百度一下"><br>
           <!--
                访问当前index.html时，浏览器输入的URL
                http://localhost:8080/index.html
                下面超链接中:href="/classtable.html"
                地址最开始的“/”相当与请求当前index.html页面时抽象路径中最开始的“/”
                http://localhost:8080/index.html
                超链接请求路径:
                http://localhost:8080/classtable.html


                -->
           <a href="/classtable.html">课程表</a><br>
           <a href="/reg.html">注册</a><br>
           <a href="/writeArticle.html">发表文章</a><br>
           <a href="/loginUser.html">登录</a><br>
           <a href="/userList">用户列表</a><br>
           <a href="/articleList">文章列表</a><br>
           <a href="https://www.taobao.com/">淘宝</a><br>
           <table border="1">
               <tr>
                   <td>第一列</td>
                   <td colspan="2" align="center">第二列</td>

               </tr>
               <tr>
                   <td>第一列</td>
                   <td rowspan="2">第二列</td>
                   <td>第三列</td>
               </tr>
               <tr>
                   <td>第一列</td>
                   <td>第三列</td>
               </tr>
           </table>
       </center>




   </body>
</html>